<template>
  <div class="sider-wrap">
    <a-menu mode="inline">
      <a-sub-menu key="sys">
        <template #title>
          <span>系统配置</span>
        </template>
        <a-menu-item key="5">角色管理</a-menu-item>
        <a-menu-item key="menu" @click="handleLink('/admin/menu')">菜单管理</a-menu-item>
      </a-sub-menu>
    </a-menu>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from "vue";
  import router from "/@/router";

  export default defineComponent({
    setup() {
      const handleLink = (path: string) => {
        router.push({ path });
      };
      return { handleLink };
    },
  });
</script>
<style lang="scss" scoped>
  .sider-wrap,
  .ant-menu-root {
    height: 100%;
  }
</style>
